import { Carousel } from 'antd';
import React from 'react'
import slider01 from '@/assets/images/slider01.png';
import slider02 from '@/assets/images/slider02.jpg';
import slider03 from '@/assets/images/slider03.jpg';
import slider04 from '@/assets/images/slider04.jpg';
import slider05 from '@/assets/images/slider05.jpg';

const contentStyle: any = {
    height: '220px',
    color: '#fff',
    lineHeight: '160px',
    textAlign: 'center',
    background: '#364d79',
    borderRadius: '2px',
    cursor: "pointer"
};
const Slider = () => {
    return (
        <div style={{ height: '100%' }}>
            <Carousel autoplay>
                <div className='slider-item'>
                    <img height="220px" src={slider01} />
                </div>
                <div className='slider-item'>
                    <img height="220px" src={slider02} />
                </div>
                <div className='slider-item'>
                    <img height="220px" src={slider03} />
                </div>
                <div className='slider-item'>
                    <img height="220px" src={slider04} />
                </div>
                <div className='slider-item'>
                    <img height="220px" src={slider05} />
                </div>
            </Carousel>
        </div>
    )
}



export default Slider;
